<template>
  <v-container :fluid="true">
    <v-row class="h-100 overflow-auto">
      <v-col :cols="1">
        <v-tabs v-model="tab" direction="vertical" slider-color="teal-lighten-3"  bg-color="teal-lighten-5"
                style="position: fixed">
          <v-tab value="basic-theory" to="/canvas-editor-intro/basic-theory">
            <v-icon icon="fa:fas fa-brands fa-stack-overflow" >  </v-icon>
            基本原理
          </v-tab>
        </v-tabs>
      </v-col>
      <v-col :cols="11">
        <router-view></router-view>
      </v-col>
    </v-row>
  </v-container>
</template>
<script setup lang="ts">
import { ref } from 'vue'

const tab = ref('')
</script>

<style scoped></style>
